@mixin flex-common {
	display: flex;
	align-items: center;
}
// 垂直居中
@mixin flex-center($width: auto, $height: auto) {
	width: $width;
	height: $height;
	justify-content: center;
	@include flex-common();
}

@mixin flex-between($width: auto, $height: auto) {
	@include flex-common();
	width: $width;
	height: $height;
	justify-content: space-between;
}
@mixin flex-end($width: auto, $height: auto) {
	@include flex-common();
	width: $width;
	height: $height;
	justify-content: flex-end;
}
// 单行省略
@mixin over-ellip {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
// 多行省略
@mixin more-over-ellip($num) {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: $num;
	overflow: hidden;
}
@mixin position-bottom-center {
	position: absolute;
	right: 0;
	bottom: 50%;
	transform: translateY(50%);
}
// 定位垂直水平
@mixin position-top-left($top: 50%, $left: 50%) {
	position: absolute;
	top: $top;
	left: $left;
	z-index: 99;
}
@mixin position-top-right($top: 50%, $right: 50%) {
	position: absolute;
	top: $top;
	right: $right;
	z-index: 99;
}
@mixin position-bottom-left($bottom: 50%, $left: 50%) {
	position: absolute;
	bottom: $bottom;
	left: $left;
	z-index: 99;
}
@mixin bg-img($url) {
	background: url($baseUrl + $url) no-repeat;
	background-size: 100% 100%;
}
